// $(tbody).on('click', '.btn-edit, .btn-del', function () {
//   if ($(this).hasClass('btn-edit')) {
//     // 编辑按钮
//   } else ...
// })


$(tbody).on('click', '.btn-edit', function () {
  const $tr = $(this).parents('tr')
  $tr.addClass('edit')
  // 找到当前行的所有span，把span的html赋值给下一个兄弟元素input的val
  $tr.find('span').each(function () {
    $(this).next().val($(this).html())
  })
})

$(tbody).on('click', '.btn-ok', function () {
  const $tr = $(this).parents('tr')
  const id = $tr.attr('data-id'),
        name = $tr.find('.shop-name').val(),
        price = $tr.find('.shop-price').val(),
        num = $tr.find('.shop-num').val();
  
  $.get('./api/v1/shop/edit.php', { id, name, price, num }, resp => {
    if (resp.code === 200) {
      $tr.removeClass('edit')
      $tr.find('span').each(function () {
        $(this).html($(this).next().val())
        
      })
    }
  }, 'json')



})
